@charset 'UTF-8';
@import '../../../config/scss/function.scss', '../../../config/scss/config.scss';

.appointment {
    .search-input-group{
        margin-bottom: 10px;
    }

  .button-arrows {
    margin: 40px 0;
    .button-arrows-left {
        border: 1px solid $mt_c_main !important;
        color: $mt_c_main;
        background-color: $mt_c_default;
    }
    .button-arrows-right {
        border: 1px solid $mt_c_main !important;
        color: $mt_c_default;
        background-color: $mt_c_main;
    }
  }
    .caret {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-right: 9px solid #fff;
        position: relative;
        left: -20px;
        top: 530px;
    }

    .radio-inline{
      margin-top: 20px;
      color: $c3;

      &:first-child{
        margin-right: 100px;
      }
    }

    .caret-up{
      width: 0;
      height: 0;
      border-width: 0 10px 10px;
      border-style: solid;
      border-color: transparent transparent $c9;
      position: absolute;
      left: 65%;
      margin-top: 10px;
    }

    @media screen and (max-width: 768px) {
      .caret-up{
      }
    }

    .server-info{
      margin-top: 20px;
      border: 2px solid $c9;
      border-radius: 5px;
      padding: 5px 10px;
      .name, .tel {
        font-size: 18px;
        color: $c1;
      }
    }

    @media screen and (max-width: 997px) {
      .caret{
        top: 530px;
      }
    }

    >.row {
      padding: 0;
      >.col{
        padding: 22px 0;
        color: $c3;
      }
    }
    >.grey-line{
      background-color: $c7 !important;
    }

    .btn-link, .btn-link:hover{
      color: $c2;
      text-decoration: none;
    }
    .btn-link.disabled, .btn-link.disabled:hover{
      color: $c5;
      text-decoration: none;
    }
}
